<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Hello</title>
    <link rel="stylesheet" href="index.css" />
    <link rel="stylesheet" href="../css/common.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
    />
    <script src="../js/vue.js"></script>
    <script src="index.js"></script>
    <script src="../js/rem.js"></script>
  </head>
  <body>
    <div id="app">
      <div class="bgWrap">
        <img src="../image/bg.png" class="bg" v-if="!isClick" />
        <img
          src="https://hdh5.huodong.cn/addons/jianianhua2023/static/app/images/dongtu.gif"
          alt=""
          class="bgGif animate__animated animate__fadeIn"
          v-else
        />
        <img
          src="../image/shoushi.png"
          alt=""
          class="shoushi animate__animated animate__pulse animate__infinite"
          v-show="!isClick"
          @click.stop="clickImg"
          v-if="!isClick"
        />
      </div>
      <img
        src="../image/wenzi7.png"
        alt=""
        class="img-wenzi animate__animated animate__bounceIn"
        v-if="showText"
      />
      <button
        class="button-satrt animate__animated animate__fadeIn"
        v-if="showText"
      >
        开启寻香之旅
      </button>
      <img
        src="../image/logo.png"
        alt=""
        class="bottom-img animate__animated animate__fadeIn"
        v-if="showText"
      />
      <!-- 底部图片 -->
    </div>
  </body>
</html>
